import React from "react";

export const CrossIcon = (props: React.SVGProps<SVGSVGElement>) => (
    <svg
        width={54}
        height={54}
        viewBox="0 0 54 54"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M34.795 6.328 27 0l-7.794 6.328h4.42v4.697c-6.424 1.304-11.523 6.256-13.04 12.6H6.329v-4.42L0 27l6.328 7.794v-4.42h4.03c1.154 6.879 6.469 12.346 13.267 13.726v3.572h-4.42L27 54l7.794-6.328h-4.419V44.1c6.798-1.38 12.113-6.847 13.267-13.725h4.03v4.419L54 27l-6.328-7.794v4.419h-4.259c-1.516-6.344-6.614-11.296-13.038-12.6V6.328h4.42Zm-11.17 6.423a15.212 15.212 0 0 0-11.297 10.874h2.345a12.965 12.965 0 0 1 8.952-8.555V12.75ZM12.072 30.375a15.206 15.206 0 0 0 11.553 11.998v-2.318a12.958 12.958 0 0 1-9.256-9.68h-2.297Zm18.303 11.998c5.864-1.33 10.44-6.054 11.553-11.998H39.63a12.958 12.958 0 0 1-9.256 9.68v2.319Zm11.297-18.748h-2.344a12.965 12.965 0 0 0-8.953-8.555V12.75a15.212 15.212 0 0 1 11.297 10.874Z"
            fill="#1890FF"
        />
    </svg>
);
